<template>
  <main class="supplier-system">
    <div class="min-pc-width system">
      <p class="header"><span>第4页</span></p>
      <!-- <a-form :form="form" @submit="handleSubmit"> -->
      <a-form :form="form" @submit="handleSubmit">
        <a-form-item label="姓名" class="form-item mt60">
          <a-input v-decorator="['username',{ rules: [{ required: true, message: '姓名不能为空!' }]}]" placeholder="姓名" autocomplete="off" />
        </a-form-item>
        <a-form-item label="性别" class="form-item">
          <a-input v-decorator="['sex']" placeholder="性别" autocomplete="off" />
        </a-form-item>
        <a-form-item label="出生年月" class="form-item">
          <a-date-picker  v-decorator="['generateage',{ rules: [{ required: true, message: '出生年月不能为空!' }]}]"  placeholder="出生年月"  style="width: 100%" />
        </a-form-item>
        <a-form-item label="技术职称" class="form-item">
          <a-input v-decorator="['jszchen']" placeholder="技术职称" autocomplete="off" />
        </a-form-item>
        <a-form-item label="文化程度" class="form-item">
          <a-input v-decorator="['whcdu']" placeholder="文化程度" autocomplete="off" />
        </a-form-item>
        <a-form-item label="工作单位" class="form-item">
          <a-input v-decorator="['gzdanwei']" placeholder="工作单位" autocomplete="off" />
        </a-form-item>
        <a-form-item label="对成果创造性贡献" class="form-item">
          <a-input v-decorator="['cgczxgongxian']" placeholder="对成果创造性贡献" autocomplete="off" />
        </a-form-item>
        <a-form-item label="本人签字" class="form-item" >
          <a-row :gutter="24">
            <a-col :span="20">
              <a-input v-decorator="['benrenqzi_file',{ rules: [{ required: true, message: '本人签字!' }]}]" placeholder="联系电话" autocomplete="off" />
            </a-col>
            <a-col :span="4">
              <a-upload name="file" :multiple="true" action="" :headers="headers" >
                <a-button  type="primary" class="s-btn">上传附件</a-button>
              </a-upload>
            </a-col>
          </a-row>
        </a-form-item>
        <div class="supplier-footer">
          <a-button @click="goBack" class="s-btn">
            返回
          </a-button>
          <a-button class="s-btn">
          <!-- <a-button html-type="submit" class="s-btn"> -->
            保存
          </a-button>
          <a-button @click="resetForm" class="s-btn">
            重填
          </a-button>
          <a-button  type="primary" @click="goNext" class="s-btn">
            继续
          </a-button>
        </div>
    </a-form>
    </div>
  </main>
</template>
<script>
export default {
  data () {
    return {
      currentIndex: 0,
      headers: {
        authorization: 'authorization-text'
      },
      form: this.$form.createForm(this)
    }
  },
  components: {
  },
  computed: {
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    },
    goNext () {
      this.$router.push({ path: '/innovation/supplier/5' })
    },
    handleSubmit (e) {
    },
    resetForm () {
      this.form.resetFields()
    }
  }
}
</script>
<style lang="scss">
</style>
